<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:f="http://xmlns.jcp.org/jsf/core"
      xmlns:c="http://xmlns.jcp.org/jsp/jstl/core"
      xmlns:ui="http://xmlns.jcp.org/jsf/facelets">
        
    <h:head>
    <link rel="stylesheet" type="text/css" media="screen" href="resources/css/style.css" />
    <title>Model list</title>
    </h:head>
    
    <body>
    <div class="telo">
    
    <!-- HLAVICKA -->
    <div class="hlavicka">
        <h1><span>PrintBee 3D</span></h1>
        <div class="menu">
            <ul>
                <li><a href="index.xhtml" class="modelList">Model list</a></li>
                <li><a href="#" class="printQueue">Print queue</a></li>
                <li><a href="#" class="logOut">Log out</a></li>
            </ul>
            <ul>
                <li><a href="manageUsers.xhtml" class="users">Users</a></li>
                <li><a href="#" class="notifications">Notifications</a></li>
                <li><a href="#" class="colors">Colors</a></li>
            </ul>
        </div>
    </div>
    
    <!-- NABIDKA SUBMENU -->
    <div class="nabidka" id="modelList">
        <h2>Model list</h2>
        <div class="submenu">
            <a href="index.xhtml">Main page</a>
        </div>
    </div>
    
    <!-- OBSAH STRANKY -->
    <div class="obsah">
            <table class="sprava">
                <thead>
                    <tr>
                        <th class="id">ID</th>
                        <th>Name</th>
                        <th>Color</th>
                        <th>Scale</th>
                        <th>State</th>
                        <th>Added</th>
                        <th class="icon">Edit</th>
                        <th class="icon">Delete</th>
                    </tr>
                </thead>
                <tbody>
                    <!--<ui:repeat value="#{ManageModel.getListOfModels}" var ="model">-->
                        <tr>
                            <td>#{model.id}</td>
                            <td>#{model.modelName}</td>
                            <td>#{model.color}</td>
                            <td>#{model.scale}</td>
                            <td>#{model.state}</td>
                            <td>#{model.date}</td>
                            <td><a href="editmodelform.xhtml"><img src="img/icon/edit_icon.png" alt="Edit" /></a></td>
                            <td><a href="#"><img src="img/icon/delete_icon.png" alt="Delete" /></a></td>
                        </tr>
                    <!--</ui:repeat>-->
                </tbody>
            </table>
    
    <h:form>
    <!--<input class="upload" href="addmodelform.xhtml" type="button" value="Upload a model" />-->
    <h:commandButton styleClass="upload" id="form_button" value="Add a model" action="addmodelform.xhtml"/>
    </h:form>
    
    <h3>Legend <img src="img/icon/pin_icon.png" alt="pin" /></h3>
        <ul class="legend">
            <li><img src="img/print_state/default_icon.png" alt="Default" />Default</li>
            <li><img src="img/print_state/ready_icon.png" alt="Ready for print" />Ready for print</li>
            <li><img src="img/print_state/problem_icon.png" alt="Problem" />Problem</li>
            <li><img src="img/print_state/printing_finished_icon.png" alt="Printing finished" />Printing finished</li>
            <li><img src="img/print_state/wash_up_icon.png" alt="Waiting for wash up" />Waiting for wash up</li>
            <li><img src="img/print_state/done_icon.png" alt="Done" />Done</li>
            <li><img src="img/print_state/failure_icon.png" alt="Print failure" />Print failure</li>
        </ul>
    </div>
        
    <!-- PATICKA -->
    <div class="footer">
        &copy; Mendelova univerzita 2015
    </div>
    
    </div>
    </body>
    
</html>
